<template>
  <div class="title-container">
    <div class="title">地理空间数据可视化demo</div>
    <div class="sub-title" @click="gotoPage">> 前往管理端</div>
  </div>
</template>

<script setup>
import { adminWeb } from "@/config/config";

const gotoPage = () => {
  window.open(adminWeb);
};
</script>

<style scoped>
.title-container {
  height: 10vh;
  background: url("@/assets/title.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.title {
  font-size: 3vh;
  line-height: 10vh;
  margin: 0 6%;
}
.sub-title {
  font-size: 1vh;
  color: rgb(205, 205, 205);
  position: absolute;
  left: 22%;
  top: 70%;
  cursor: pointer;
}
</style>